*{
    box-sizing:border-box;
}
html,body,div{
    margin:0;
    padding:0;
}
body{
    background-color:black;
    color:white;
    overflow-y:hidden;
}
div.game-container{
    display:none;
}
/*开始界面*/
div.start-container{
    background-image:url(../images/bg_start.png);
    background-size:cover;
    padding-top:280px;
    width:390px;
    /*height:600px;*/
    /*margin:25px auto 0;*/
    border:solid 1px green;
}
div.start-container p{
    text-align:center;
    margin-top:40px;
}
div.start-container button{
    width:200px;
    height:50px;
    background-color:lightblue;
    font-size:20px;
    font-family:"微软雅黑";
    cursor:pointer;
    border:0;
    border-radius:50%;
    outline:none;
}
div.start-container button:hover{
    background-color: #ff908d;
}
div.game-container{
    position:relative;
    width:590px;
    /*height:600px;*/
    /*margin:25px auto 0;*/
    border:solid 1px green;
    box-sizing:content-box;
}
div.game-main-panel{
    width:390px;
    /*height:600px;*/
    border-left:solid 1px green;
    border-right:solid 1px green;
    position:absolute;
    left:100px;
    top:0;
}
div.time-panel{
    position:absolute;
    top:0;
    left:0;
    width:100px;
    height:100px;
}
div.help-panel{
    position:absolute;
    top:150px;
    left:0;
    width:100px;
}
div.level-panel{
    position:absolute;
    bottom:0;
    left:0;
    width:100px;
    height:100px;
}
div.next-panel{
    position:absolute;
    top:0;
    right:0;
    width:100px;
    height:100px;
}
div.setting-panel{
    position:absolute;
    top:150px;
    right:0;
    width:100px;
}
div.score-panel{
    position:absolute;
    bottom:120px;
    right:0;
    width:100px;
    height:100px;
}
div.high-score-panel{
    position:absolute;
    bottom:0;
    right:0;
    width:100px;
    height:100px;
}
div.panel-header{
    height:30px;
    line-height:30px;
    padding-left:5px;
    font-size:18px;
    color:#fff;
    background-color:lightsalmon;
}
div.panel-body{
    text-align:center;
    line-height:70px;
}
div.help-panel .panel-body,div.setting-panel .panel-body{
    line-height:normal;
}
div.time-panel,div.next-panel,div.score-panel{
    border-bottom:solid 1px green;
}
/*弹出面板*/
div.modal-dialog{
    display:none;
}
div.modal-body{

    position:fixed;
    height:300px;
    width:390px;
    top:50%;
    left:50%;
    margin-top:-150px;
    margin-left:-195px;
    text-align:center;
    background-color:black;
    z-index:100;
}
div.modal-dialog::after{
    content:"";
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:rgba(255,255,255,0.3);
}